<html>
	<head>
		<style>
			img.top{
			    vertical-align:text-top;
			}
			img.mid{
			    vertical-align:middle;
			}
			img.bot{
			    vertical-align:text-bottom;
			}
		</style>
	</head>
	<body>
		<p>元素的顶端<img class="top" src="images/1.jpg" width="90px" height="90px"><img class="top" src="images/1.jpg" width="90px" height="90px">与父元素字体的顶端对齐。</p>
		<p>元素与父元素的中间对齐。<img class="mid" src="images/1.jpg" width="90px" height="90px"><img class="mid" src="images/1.jpg" width="90px" height="90px"></p>
		<p>元素的底端<img class="bot" src="images/1.jpg" width="90px" height="90px"><img class="bot" src="images/1.jpg" width="90px" height="90px">与父元素字体的底端对齐。</p>
	</body>
</html>